<template>
	<view>
		<view style="margin-top: 28rpx;">
			<view class="info">
				<view>平台账号</view>
				<input type="text" value="" placeholder="注册平台的手机号码"/>
			</view>
			<view class="info">
				<view>员工名称</view>
				<input type="text" value="" placeholder="输入员工名称"/>
			</view>
		</view>
		<view class="info info-tu">
			<view>员工角色</view>
			<input type="text" value="" placeholder="选择员工角色"/>
		</view>
		<view style="margin-top: 28rpx;">
			<view class="info">
				<view>添加人</view>
				<input type="text" value="" />
			</view>
			<view class="info">
				<view>加入时间</view>
				<view class="data">2020-06-06 18:26:36</view>
			</view>
		</view>
		<view class="text"> 
			<view class="text1">
				<view>删除员工</view>
				<view @click="goEdit()">编辑信息</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 编辑信息
			goEdit(){
				uni.navigateTo({
					url:'/pagesB/edit/edit'
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F4F4F4;
}

.text{
	margin-top: 28rpx;
	width: 100%;
	height: 565rpx;
	background-color: #fff;
	
	.text1{
		padding: 54rpx 24rpx 0 24rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		
		view{
			padding:30rpx 103rpx;
			border: 1rpx solid #00c6c2;
			color: #00c6c2;
			text-align: center;
		}
	}
	
}
.info{
	padding: 25rpx;
	background-color: #fff;
	border-bottom: 1rpx solid #F1F1F1;	
	display: flex;
	align-items: center;
	
	view{
		width:170rpx;
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #282828;
	}
	
	input{
		padding-left: 30rpx;		
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		
	}
	.data{	
		width: 80%;
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #282828;
	}
}
.info-tu{
	margin-top: 28rpx;
}
</style>
